<!DOCTYPE html>
<html>
 <head> 
  <meta charset="utf-8" /> 
  <meta name="Keywords" content="" /> 
  <meta name="description" content="" /> 
  <meta name="viewport" content="width=device-width,initial-scale=1.0" /> 
  <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" /> 
  <title>神探闯关</title> 
  <link type="text/css" rel="stylesheet" href="css/style.css" /> 
  <script type="text/javascript" src="js/jquery-1.11.2.js"></script> 
 </head> 
 <body> 
  <div class="warp"> 
   <div class="start_logo"> 
    <img src="images/start_logo.png" /> 
   </div> 
   <div class="center start_1"> 
    <img src="images/start_4.png" /> 
   </div> 
   <div class="start_4"> 
    <div class="start_4_btn"> 
     <span></span> 
     <span></span> 
     <span></span> 
     <span></span> 
    </div> 
   </div> 
   <div class="start_btn start3_btn"> 
    <a href="#"><img src="images/start_btn1.jpg" /></a> 
    <a href="#"><img src="images/start_btn2.jpg" /></a> 
   </div> 
   <p class="start_rule center"><a href="#">游戏规则</a></p> 
  </div> 
  <script type="text/javascript">
        $(window).load(function(){
            $("<link>").attr({ rel: "stylesheet", type: "text/css",href: "css/myanimate.css" }).appendTo("head");  
        });
     </script> 
  <script type="text/javascript">
            var start4_i = 0;
            setInterval(function(){
                if(start4_i == 4){
                    start4_i = 0;
                    $(".start_4_btn span").eq(start4_i).css('opacity','1').siblings("span").css('opacity','0');
                }
                $(".start_4_btn span").eq(start4_i).css('opacity','1').siblings("span").css('opacity','0');
                start4_i++;
            },1000);
     </script>  
 </body>
</html>